<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<script src="helper/dist/js/jquery-2.0.2.min.js"></script>
		<script src="helper/dist/js/echarts.min.js"></script>
		<title></title>
		<style>
			#chart {
				width: 400px;
				height: 400px;
			}
		</style>
	</head>
	<body>
		<script>
			let chart = $('<div id="chart" />')[0];
			$('body').append($(chart));
			let myChart = echarts.init(chart);
			const chartOption = {
				title: {
					text: ''
				},
				tooltip: {},
				legend: {
					data: ['数量']
				},
				xAxis: {
					data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
				},
				yAxis: {},
				series: [{
					name: '数量',
					type: 'bar',
					data: [5, 20, 36, 10, 10, 20]
				}]
			};
			myChart.setOption(chartOption);
		</script>
	</body>
</html>
